@charset "utf-8";

@import url('../font/webFont.css');
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot?9');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff2?9') format('woff2'),
  url('../font/iconfont.woff?9') format('woff'),
  url('../font/iconfont.ttf?9') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}
::-webkit-scrollbar{width:8px; height:8px;}
::-webkit-scrollbar-track{background:#fff;}
::-webkit-scrollbar-thumb{background:#1b1b1b;}
::-webkit-scrollbar-thumb:vertical:hover{background:#5d92fe;}

#lan{width:130px; float:right; margin-top:0; position:relative; transition:all .25s; z-index:2;}
#lan .tit{font-size:1.5rem; color:#000; height:32px; line-height:32px; transition:all .25s;}
#lan .tit i{display:inline-block; height:32px; margin:0 10px auto auto; font-family:"iconfont" !important; font-size:27px;  font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:middle; line-height:1; transition:all .25s;}
#lan>div{position:absolute; left:-10px; top:60px; width:140px; transition:all .45s; height:0; overflow:hidden; transition:height .45s;}
#lan>div.active{height:140px;}
#lan>div>a{display:block; height:42px; color:#000; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; background:#00a93a; font-size:1.5rem; line-height:40px; border-bottom:1px solid rgba(255,255,255,.16); position:relative; transition:all .2s; padding-left:20px;}
#lan>div>a img{height:19px; margin:-2px 8px auto auto;}
#lan>div>a span{position:relative; display:block; z-index:2;}
#lan>div>a:hover{background:#eee; color:#464646;}
#lan>div>a:last-child{border-bottom:0px none;}

#head.sm #lan{margin-top:8px;}
#head.sm #lan .tit{font-size:1.5rem; color:#464646;}
#head.sm #lan .tit i{color:#464646;}
#head.sm #lan>div{top:52px;}

@media (max-width:1080px){
  #lan{margin-top:68px;}
  #lan .tit{font-size:1.3rem;}
  #head.sm #lan .tit{font-size:1.3rem;}
}
@media (max-width:920px){
  #lan{margin-top:16px; margin-right:0;}
  #lan>div>a{transition:none;}
  #lan>div>a img{margin-top:0 !important;}
  #head.sm #lan{margin-top:11px;}
  #head.sm #lan>div{top:49px;}
}